@height:5rem;
.login {
    height: 100%;
    font-size: .9rem;
    display: flex;
    flex-direction: column;
    &_header {
        height: @height;
        display: flex;
        background: #fff;
        display: flex;
        padding: 0 1rem;
        justify-content: space-between;
        &_left {
           line-height: @height; 
           background: url(./images/login-logo.png) no-repeat left center;
           background-size: 15%;
           h1 {
               font-size: 1.5rem;
               margin-left: 3.2rem;
               font-weight: 430;
           }
        }
        &_right {
            display: flex;
            align-items: center;
            p {
                margin-left: 1rem;
                margin-bottom: 0px;
                cursor: pointer;
            }
        }
    }

    &_main {
        background: url(./images/login-backg.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        bottom:2rem;
        top:@height;
        width: 100%;
        .form {
            padding: 1.5rem;
            width: 22rem;
            position: absolute;
            transform: translateY(-55%);
            right: 13%;
            background: #fff;
            top: 50%;
            border-radius: 4px;
        }
        .login_title {
            font-size: 1.3rem;
            text-align: center;
            font-weight: 400;
        }
    }

    &_footer {
        position: fixed;
        bottom: 0px;
        width: 100%;
        background: #fff;
        padding: 1.1rem;
        // color: #888;
        ul {
            text-align: center;
            margin: 0rem auto .8rem;
            display: flex;
            justify-content: center;
            li {
                height: 14px;
                line-height: 14px;
                padding: 0px .3rem;
            }
        }
        .copyright {
            text-align: center;
            margin-bottom: 0px;
        }
    }
}